﻿.banner-box{
	width:100%;
	height:618px;
}
.banner{height:618px;overflow:hidden;}
.banner .d1{width:100%;height:618px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:2;left:0px;top:540px;}
.banner .dinfo{width:100%; height:47px;clear:both; position:absolute; z-index:20; left:0px; top:575px; background-color:rgba(0,0,0,0.50); }
.banner .d2 ul{float:left;position:absolute;left:55%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

.dinfo-box{
	height:40px;
}
.ggtitle{
	width:auto;
	height:40px;
	background:url(../images/index_22.png) left center no-repeat;
	text-indent:28px;
	line-height:40px;
	font-size:14px;
	color:#FFF;
	float:left;
}
		/* 本例子css */
		.txtMarquee-left{ width:900px;  position:relative;  float:right;  }
		.txtMarquee-left .bd{ padding:10px; }
		.txtMarquee-left .bd .tempWrap{ width:890px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

        .txtMarquee-left .bd ul li a{
			color:#FFF;
		
		}
		.txtMarquee-left .bd ul li a:Hover{
			text-decoration:underline;
		}
		.txtMarquee-left .bd ul li span{ color:#ddd; margin:0px 20px;}
.news-part{
	height:328px;
	overflow:hidden;
	margin-top:40px;
}
.news-left{
	height:328px;
	width:528px;
	overflow:hidden;
	float:left;
}
.news-right{
	width:435px;
	height:328px;
	overflow:hidden;
	float:right;
}
.title{
	height:45px;
	border-bottom:1px solid #dddddd;
	background:url(../images/index_08.png) left center no-repeat;
}
.title-left{
	padding-left:30px;
	width:auto;
	height:45px;
	line-height:45px;
	float:left;
}
.index-more{
	float:right;
	line-height:45px;
}
.title-left p{
	float:left;
}
.title-left a{
	float:right;
}
.title-txt{
	width:auto;
	height:45px;
	float:left;
}
.title-txt h2{
	font-size:18px;
	color:#01458e;
	float:left;
	font-weight:500;
	padding-right:10px;

}
.title-txt span{
	display:block;
	height:45px;
	float:left;
	width:auto;
	background:url(../images/index_11.png) left center no-repeat;
	text-indent:10px;
	font-size:14px;
	color:#01458e;
}
.son-link{
	width:auto;
	height:45px;
	margin-left:18px;
}
.son-link a{
	display:block;
	width:81px;
	height:26px;
	margin-top:10px;
	border-radius:5px;
	background:#eee;
	color:#333;
	text-align:center;
	line-height:26px;
	margin-right:10px;
	float:left;
}
.newslist{
	width:528px;
	height:261px;
	overflow:hidden;
	margin-top:22px;
}
.topnews{
	width:528px;
	height:160px;
	border-bottom:1px solid #f1f1f1;
}
.topnews ol{
	width:219px;
	height:136px;
	float:left;
}
.topnews ul{
	width:284px;
	height:136px;
	float:right;
}
.topnews ul a h3{
	line-height:35px;
	font-size:14px;
	color:#333;
	font-weight:normal;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topnews ul p:hover{
	color:#01458e;
}
.topnews ul a h3:Hover{
	color:#01458e;
}
.topnews ul a p{
	color:#999;
	line-height:21px;
	height:84px;
	overflow:hidden;
}
.readmore{
	line-height:24px;
	color:#01458e;
}
.readmore:Hover{
	text-decoration:underline;
}
.news-list{
	width:528px;
	height:72px;
	margin-top:15px;
}
.news-list ul li{
	width:528px;
	height:24px;
	background:url(../images/lisnt.jpg) left center no-repeat;
	text-indent:10px;
	line-height:24px;
}
.news-list ul li a{
	color:#999;
	float:left;
}
.news-list ul li a:Hover{
	color:#01458e;
}
.news-list ul li span{
	float:right;
	color:#a0a0a0;
}
.videobox{
	width:435px;
	height:261px;
	margin-top:22px;
}
.aboutbg{
	width:100%;
	height:339px;
	background:#f9f9f9;
	margin-top:50px;
}
.about-us{
	height:339px;
}
.aboutcont{
	height:228px;
	overflow:hidden;
	position:relative;
	margin-top:30px;
}
.leftaboutcont{
	height:226px;
	width:522px;
	overflow:hidden;
	float:left;
	
}
.rightaboutcont{
	width:438px;
	height:226px;
	overflow:hidden;
	float:right;
}
.leftabout{
	height:226px;
	width:294px;
	overflow:hidden;
	float:left;	
}
.rightabout{
	height:226px;
	width:228px;
	overflow:hidden;
	float:right;
	background:#01458e;
}
.leftabout a img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.leftabout a img:hover{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.rightabout a img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.rightabout a img:hover{
	  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.rightaboutcont p a{
	line-height:25px;
	text-indent:24px;
	color:#666;
}
.rightaboutcont p a:hover{
	color:#01458e;
}
.gccases{
	height:266px;
	margin-top:20px;
	overflow:hidden;
}
.djgzbox{
	height:335px;
	margin-top:20px;
}
.djgz-left{
	width:630px;
	height:335px;
	float:left;
}
.djgz-right{
	width:336px;
	height:335px;
	float:right;
}
.djgz-right img{
	width:164px;
	height:166px;
	float:left;
	margin:2px 2px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.djgz-right img:hover{
		  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.probox-cont{
	height:198px;
	width:1003px;
	position:relative;
	overflow:hidden;
	padding-top:20px;
}

.proone{
	width:231px;
	height:198px;
	float:left;
	background:#FFF;
	margin-right:26px;
	overflow:hidden;
}
.plistone ol{
	width: 231px;
	height: 148px;
	position: relative;
	z-index: 4;
	background-color:#000;
	overflow:hidden;

}
.pboxtxt{
	width: 231px;
	height: 148px;
	position: absolute;
	z-index: 8;
	overflow: hidden;
	left: 0px;
	top:0px;
	display:none;
	background-color:rgba(0,0,0,0.80);
}
.ptxtcont{

	width:191px;
	height:66px;
	left: 20px;
	top:30px;
	color:#fff;
	line-height:22px;
	overflow:hidden;
	position: absolute;
	z-index: 9;
	display:none;
}
.pmore{
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 90px;
	top:90px;
	display:none;
}
.cpimg{
	width:231px;
	height:148px;
	overflow:hidden;
}
.cpimg img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.cpimg img:hover{
	  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
#plisttext{
	width:231px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	color:#666;
}
.hd{
	width:42px;
	height:17px;
	overflow:hidden;
	float:left;
	margin:10px auto;

}
.hd .next{
	display:block;
	width:17px;
	height:17px;
	background:url(../images/index_27_1.png) left center no-repeat;
	float:left;
	cursor:pointer;
}
.hd .next:hover{
	background:url(../images/index_27.png) left center no-repeat;
}
.hd .prev{
	display:block;
	width:17px;
	height:17px;
	background:url(../images/index_28_1.png) left center no-repeat;
	float:right;
	cursor:pointer;
}
.hd .prev:Hover{
	background:url(../images/index_28.png) left center no-repeat;
}
.djgzcontxt{
	width:630px;
	height:280px;
	overflow:hidden;
}
.top-dj{
	width:630px;
	height:163px;
	overflow:hidden;
	margin-top:20px;
	padding-bottom:15px;
	border-bottom:1px solid #f1f1f1;
}
.top-dj ol{
	width:219px;
	height:163px;
	float:left;
}
.top-dj ul{
	width:386px;
	float:right;
	height:163px;
	overflow:hidden;
}
.top-dj ul h3{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-dj ul h3 a{
		line-height:35px;
	font-size:14px;
	color:#333;
	font-weight:normal;
	
}
.top-dj ul h3 a:hover{
	color:#01458e;
}
.top-dj ul p{
		color:#999;
	line-height:21px;
	height:84px;
	overflow:hidden;
}
.nfx{
	width:15px;
	height:18px;
	background:url(../images/fx.png) left center no-repeat;
	display:block;
	float:left;
	margin-right:10px;
}
.nfx:hover{
	background:url(../images/fx9.png) left center no-repeat;
}
.nshow{
	width:15px;
	height:18px;
	background:url(../images/show.png) left center no-repeat;
	display:block;
	float:left;
	margin-right:10px;
}
.nshow:Hover{
	background:url(../images/show2.png) left center no-repeat;
}
.fxbnt{
	margin-top:3px;
	height:18px;
}
.news-list2{
	width:630px;
	height:72px;
	margin-top:15px;
}
.news-list2 ul li{
	width:630px;
	height:24px;
	background:url(../images/lisnt.jpg) left center no-repeat;
	text-indent:10px;
	line-height:24px;
}
.news-list2 ul li a{
	color:#999;
	float:left;
}
.news-list2 ul li a:Hover{
	color:#01458e;
}
.news-list2 ul li span{
	float:right;
	color:#a0a0a0;
}
